
 body{
     display: flex;
     flex-direction: column;
 }
 main{
     display: flex;
     flex-direction: column;
     flex: 1;
     h2{
         height: 44px;
         line-height: 44px;
         text-align: center;
         font-weight: normal;
     } 
     .imgbox{
         flex: 1;
         background-image: url(../imgs/advertisement-bg.jpg);
         background-repeat: no-repeat;
         background-position: center top;
         background-size: cover;//铺满整个屏幕,但是显示不完整
         position: relative;
         .time{
             position: absolute;
             top: 28px;
             right: 14px;
             height: 40px;
             width: 105px;
             background-color: #fff;
             display: flex;
             border-radius: 20px;
             align-items: center;
             .count-down{
                 flex: 2;
                 height: 25px;
                 border-right: 1px solid #ccc;
                 line-height: 25px;
                 text-align: center;
             }
             .skip{
                 flex: 3;
                 line-height: 40px;
                 text-align: center;
             }
         }
         p{
             position: absolute;
             bottom:100px;
             font-size: 40px;
             color: #fff;
             font-weight: bold;
             width: 100%;
             text-align: center;
         }
     } 
 }